<template>
	<view class="browse">
		<view class="idle">
			<image class="idle-top" src="../../../static/img/video.png" mode=""></image>
			<view class="idle-center">
				<text class="tit">盆栽转让，30大洋买的带不走阿斯顿发生</text>
				<p>
					<span class="p-one">￥15.0</span>
					<span class="p-two">
						<image class="p-img" src="../../../static/item/眼睛.png"></image>130
					</span>
					<span class="p-three">
						<image class="p-imgone" src="../../../static/tyh/消息.png"></image>13
					</span>
				</p>
			</view>
			<image class="idle-but" src="../../../static/tyh/more.png" mode=""></image>
		</view>
	</view>

</template>

<script setup>
	// import {
	// 	reactive,
	// } from "vue";
	// export default {
	// 	setup() {
	// 		let unused = reactive([
	// 			{id:001,name:盆栽转让，30大洋买的带不走阿斯顿发生,price:15.0,read:130,pingl:32},
	// 			{id:002,name:我也不知道回收什么了那就回收里猪头吧,price:16.3,read:156,pingl:24},
	// 			{id:003,name:到底什么是显示发布啊我真不知道啊啊啊,price:14.2,read:143,pingl:12},
	// 			{id:004,name:不知名阿斯蒂芬干哈和反反复复烦烦烦发,price:18.5,read:188,pingl:16},
	// 		])
	// 		return {
	// 			unused
	// 		}
	// 	}
	// }
</script>

<style lang="less">
	.browse {
		width: 100%;
		height: 100vh;
		background-color: #dedede;

		.idle {
			display: flex;
			height: 150rpx;
			margin-top: 20px;
			background-color: #fff;

			.idle-top {
				width: 100rpx;
				height: 100rpx;
				margin-top: 25rpx;
				margin-left: 20rpx;
			}

			.idle-center {
				margin-top: 35rpx;
				margin-left: 30rpx;

				// width: 90%;
				.tit {
					display: inline-block;
					width: 75%;
					text-overflow: ellipsis;
					overflow: hidden;
					white-space: nowrap;
				}

				.p-one {
					margin-right: 45rpx;
					margin-bottom: -5rpx;
				}

				.p-two {
					margin-right: 45rpx;
				}

				.p-img {
					width: 40rpx;
					height: 40rpx;
					margin-top: 5rpx;
					margin-bottom: -10rpx;
					margin-right: 15rpx;
				}

				.p-imgone {
					width: 40rpx;
					height: 40rpx;
					margin-top: 10rpx;
					margin-bottom: -10rpx;
					margin-right: 15rpx;
				}
			}

			.idle-but {
				width: 60rpx;
				height: 60rpx;
				margin-top: 45rpx;
				margin-right: 30rpx;
			}
		}
	}
</style>